<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="x-ua-compatible" content="ie=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />
		<link rel="stylesheet" href="build/conversational-form-docs.min.css">

		<script type="text/javascript" src="https://cf-4053.kxcdn.com/conversational-form/0.9.6/conversational-form.min.js" crossorigin></script>
	</head>
	<body>
		<script src="build/conversational-form-examples.min.js" id="examples-script"></script>

		<style>

			.conversational-form cf-chat-response.robot text{
				background: #05668d;
				color: #f0f3bd;
			}

			.conversational-form cf-chat-response.user text{
				background: #f0f3bd;
				color: #05668d;
			}

			.conversational-form cf-input input{
				font-size: 150%;
				padding: 0px 10px;
				border: 4px solid #f0f3bd;
				border-radius: 14px;
				color: #05668d;
				box-shadow: none !important;
			}
			.conversational-form cf-button{
				border-radius: 0px;
				font-style: italic;
			}
		</style>


		<main class="content">
			<menu id="small-screen-menu">
				<h2>Conversational Form examples</h2>

				<div class="switch-btn">
					<label class="switch">
						<input type="checkbox" onclick="window.conversationalFormExamples.toggleConversation(event)">
						<div class="slider round"></div>
					</label>
				</div>

				<div class="hamburger-btn" onclick="window.conversationalFormExamples.toggleMenuState(event)">
					<svg viewBox="0 0 29 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
						<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="square">
							<g transform="translate(-325.000000, -87.000000)" stroke="#FFFFFF" stroke-width="2">
								<g transform="translate(325.000000, 87.000000)">
									<path d="M27.4802431,7 L1.23827993,7"></path>
									<path d="M27.4802431,1 L1.23827993,1"></path>
									<path d="M27.4802431,13 L1.23827993,13"></path>
								</g>
							</g>
						</g>
					</svg>
				</div>
			</menu>

			<div class="switch-btn" id="cf-toggle-btn" data-label="Enable Conversational Form" data-label-toggled="Disable Conversational Form">
				<label class="switch">
					<input type="checkbox" onclick="window.conversationalFormExamples.toggleConversation(event)">
					<div class="slider round"></div>
				</label>
			</div>

			<section id="info" role="info">
				<div class="close-btn" onclick="window.conversationalFormExamples.toggleMenuState()">
					<svg viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
						<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="square">
							<g transform="translate(-328.000000, -83.000000)" stroke="#FFFFFF" stroke-width="2">
								<g id="close" transform="translate(329.000000, 84.000000)">
									<path d="M19.6371966,19.2779351 L1.08132646,0.722064927"></path>
									<path d="M19.4923318,0.722064927 L0.936461672,19.2779351"></path>
								</g>
							</g>
						</g>
					</svg>
				</div>

				<article>
					<h1 id="writer">
						Overwrite styles of Conversational Form
					</h1>
					<h2>
						Simple example of how to overwrite the "out of the box" styles
					</h2>
				</article>
			</section>

			<section role="form">
				<div class="form-outer">






			<!-- Conversational Form will auto-run because of attribute "cf-form" -->
			<!--<form id="co-billing-form" cf-form>-->
			<form id="co-billing-form" >

				<input type="password" name="cf---password" value="" id="cf---password">
								
				<li class="fields">
						<label for="billing:country_id1" class="required"><em>*</em>Land MULTIPLE</label>
						<div class="input-box input-country">
							<select name="billing[country_id]" id="billing:country_id1" class="validate-select" title="Land" multiple><option value="" > </option><option value="DK">Danmark</option><option value="DE">Tyskland</option><option value="AT">Østrig</option><option value="CH">Schweiz</option><option value="NL">Holland</option><option value="BE">Belgien</option><option value="FR">Frankrig</option><option value="GB">Storbritannien</option><option value="IE">Irland</option><option value="SE">Sverige</option><option value="">--------------------</option><option value="AF">Afghanistan</option><option value="AL">Albanien</option><option value="DZ">Algeriet</option><option value="UM">Amerikanske oversøiske øer</option><option value="AS">Amerikansk Samoa</option><option value="AD">Andorra</option><option value="AO">Angola</option><option value="AI">Anguilla</option><option value="AQ">Antarktis</option><option value="AG">Antigua og Barbuda</option><option value="AR">Argentina</option><option value="AM">Armenien</option><option value="AW">Aruba</option><option value="AZ">Aserbajdsjan</option><option value="AU">Australien</option><option value="BS">Bahamas</option><option value="BH">Bahrain</option><option value="BD">Bangladesh</option><option value="BB">Barbados</option><option value="BZ">Belize</option><option value="BJ">Benin</option><option value="BM">Bermuda</option><option value="BT">Bhutan</option><option value="BO">Bolivia</option><option value="BA">Bosnien-Hercegovina</option><option value="BW">Botswana</option><option value="BV">Bouvetøen</option><option value="BR">Brasilien</option><option value="BN">Brunei</option><option value="BG">Bulgarien</option><option value="BF">Burkina Faso</option><option value="BI">Burundi</option><option value="KH">Cambodja</option><option value="CM">Cameroun</option><option value="CA">Canada</option><option value="KY">Caymanøerne</option><option value="CF">Centralafrikanske Republik</option><option value="CL">Chile</option><option value="CC">Cocosøerne</option><option value="CO">Colombia</option><option value="KM">Comorerne</option><option value="CG">Congo-Brazzaville</option><option value="CD">Congo-Kinshasa</option><option value="CK">Cookøerne</option><option value="CR">Costa Rica</option><option value="CI">Côte d’Ivoire</option><option value="CU">Cuba</option><option value="CW">Curaçao</option><option value="CY">Cypern</option><option value="VI">De Amerikanske Jomfruøer</option><option value="VG">De Britiske Jomfruøer</option><option value="TF">De franske besiddelser i Det Sydlige Indiske Ocean</option><option value="DO">Den Dominikanske Republik</option><option value="PS">De palæstinensiske områder</option><option value="IO">Det britiske territorium i Det Indiske Ocean</option><option value="DJ">Djibouti</option><option value="DM">Dominica</option><option value="EC">Ecuador</option><option value="EG">Egypten</option><option value="SV">El Salvador</option><option value="ER">Eritrea</option><option value="EE">Estland</option><option value="ET">Etiopien</option><option value="FK">Falklandsøerne</option><option value="FJ">Fiji</option><option value="PH">Filippinerne</option><option value="FI">Finland</option><option value="AE">Forenede Arabiske Emirater</option><option value="GF">Fransk Guyana</option><option value="PF">Fransk Polynesien</option><option value="FO">Færøerne</option><option value="GA">Gabon</option><option value="GM">Gambia</option><option value="GE">Georgien</option><option value="GH">Ghana</option><option value="GI">Gibraltar</option><option value="GD">Grenada</option><option value="GR">Grækenland</option><option value="GL">Grønland</option><option value="GP">Guadeloupe</option><option value="GU">Guam</option><option value="GT">Guatemala</option><option value="GG">Guernsey</option><option value="GN">Guinea</option><option value="GW">Guinea-Bissau</option><option value="GY">Guyana</option><option value="HT">Haiti</option><option value="HM">Heard- og McDonald-øerne</option><option value="AN">Hollandske Antiller</option><option value="HN">Honduras</option><option value="HK">Hongkong SAR</option><option value="IN">Indien</option><option value="ID">Indonesien</option><option value="IQ">Irak</option><option value="IR">Iran</option><option value="IS">Island</option><option value="IM">Isle of Man</option><option value="IL">Israel</option><option value="IT">Italien</option><option value="JM">Jamaica</option><option value="JP">Japan</option><option value="JE">Jersey</option><option value="JO">Jordan</option><option value="CX">Juleøen</option><option value="CV">Kap Verde</option><option value="KZ">Kasakhstan</option><option value="KE">Kenya</option><option value="CN">Kina</option><option value="KG">Kirgisistan</option><option value="KI">Kiribati</option><option value="HR">Kroatien</option><option value="KW">Kuwait</option><option value="LA">Laos</option><option value="LS">Lesotho</option><option value="LV">Letland</option><option value="LB">Libanon</option><option value="LR">Liberia</option><option value="LY">Libyen</option><option value="LI">Liechtenstein</option><option value="LT">Litauen</option><option value="LU">Luxembourg</option><option value="MO">Macao SAR</option><option value="MG">Madagaskar</option><option value="MK">Makedonien</option><option value="MW">Malawi</option><option value="MY">Malaysia</option><option value="MV">Maldiverne</option><option value="ML">Mali</option><option value="MT">Malta</option><option value="MA">Marokko</option><option value="MH">Marshalløerne</option><option value="MQ">Martinique</option><option value="MR">Mauretanien</option><option value="MU">Mauritius</option><option value="YT">Mayotte</option><option value="MX">Mexico</option><option value="FM">Mikronesiens Forenede Stater</option><option value="MD">Moldova</option><option value="MC">Monaco</option><option value="MN">Mongoliet</option><option value="ME">Montenegro</option><option value="MS">Montserrat</option><option value="MZ">Mozambique</option><option value="MM">Myanmar (Burma)</option><option value="NA">Namibia</option><option value="NR">Nauru</option><option value="NP">Nepal</option><option value="NZ">New Zealand</option><option value="NI">Nicaragua</option><option value="NE">Niger</option><option value="NG">Nigeria</option><option value="NU">Niue</option><option value="KP">Nordkorea</option><option value="MP">Nordmarianerne</option><option value="NF">Norfolkøen</option><option value="NO">Norge</option><option value="NC">Ny Caledonien</option><option value="OM">Oman</option><option value="PK">Pakistan</option><option value="PW">Palau</option><option value="PA">Panama</option><option value="PG">Papua Ny Guinea</option><option value="PY">Paraguay</option><option value="PE">Peru</option><option value="PN">Pitcairn</option><option value="PL">Polen</option><option value="PT">Portugal</option><option value="PR">Puerto Rico</option><option value="QA">Qatar</option><option value="RE">Réunion</option><option value="RO">Rumænien</option><option value="RW">Rwanda</option><option value="BL">Saint Barthélemy</option><option value="KN">Saint Kitts og Nevis</option><option value="LC">Saint Lucia</option><option value="MF">Saint Martin</option><option value="PM">Saint Pierre og Miquelon</option><option value="VC">Saint Vincent og Grenadinerne</option><option value="SB">Salomonøerne</option><option value="WS">Samoa</option><option value="SM">San Marino</option><option value="ST">Sao Tome og Principe</option><option value="SA">Saudi-Arabien</option><option value="SN">Senegal</option><option value="RS">Serbien</option><option value="SC">Seychellerne</option><option value="SL">Sierra Leone</option><option value="SG">Singapore</option><option value="SX">Sint Maarten</option><option value="SK">Slovakiet</option><option value="SI">Slovenien</option><option value="SO">Somalia</option><option value="GS">South Georgia og De Sydlige Sandwichøer</option><option value="ES">Spanien</option><option value="LK">Sri Lanka</option><option value="SH">St. Helena</option><option value="SD">Sudan</option><option value="SR">Surinam</option><option value="SJ">Svalbard og Jan Mayen</option><option value="SZ">Swaziland</option><option value="ZA">Sydafrika</option><option value="KR">Sydkorea</option><option value="SY">Syrien</option><option value="TJ">Tadsjikistan</option><option value="TW">Taiwan</option><option value="TZ">Tanzania</option><option value="TD">Tchad</option><option value="TH">Thailand</option><option value="TL">Timor-Leste</option><option value="CZ">Tjekkiet</option><option value="TG">Togo</option><option value="TK">Tokelau</option><option value="TO">Tonga</option><option value="TT">Trinidad og Tobago</option><option value="TN">Tunesien</option><option value="TM">Turkmenistan</option><option value="TC">Turks- og Caicosøerne</option><option value="TV">Tuvalu</option><option value="TR">Tyrkiet</option><option value="UG">Uganda</option><option value="HU">Ungarn</option><option value="UY">Uruguay</option><option value="US">USA</option><option value="UZ">Usbekistan</option><option value="VU">Vanuatu</option><option value="VA">Vatikanstaten</option><option value="VE">Venezuela</option><option value="EH">Vestsahara</option><option value="VN">Vietnam</option><option value="WF">Wallis og Futuna</option><option value="YE">Yemen</option><option value="ZM">Zambia</option><option value="ZW">Zimbabwe</option><option value="GQ">Ækvatorialguinea</option><option value="AX">Ålandsøerne</option></select>
						</div>
					</li>

				<li class="fields">
							<div class="field radiocontrol">
								<label class="checkbox" for="billing:newsletter2">
									<input cf-questions="Do you want to sign up to our newsletter?" cf-label="Yes please!" type="checkbox" name="billing[newsletter]2" id="billing:newsletter2" value="1" checked="checked" title="Tilmeld nyhedsbrev" class="radio">
									Newsletter
								</label>
							</div>
						</li>
					
				<li class="fields">
									<div class="field radiocontrol">
										<label class="checkbox">
											<input cf-questions="-one way-> {previous-answer} <-binding-|-one way-> {previous-answer} <-binding-2-" type="radio" class="v-middle" name="customer_or_business">
											<span class="v-middle">Forrest Gump</span>
										</label>

										<label class="checkbox">
											<input type="radio" class="v-middle" name="customer_or_business">
											<span class="v-middle">Alien</span>
										</label>

										<label class="checkbox">
											<input cf-label="Label from element attribute cf-label" type="radio" class="v-middle" name="customer_or_business">
											<span class="v-middle">Titanic</span>
										</label>

										<label class="checkbox">
											<input type="radio" class="v-middle" name="customer_or_business">
											<span class="v-middle">Lord of the Rings</span>
										</label>

										<label class="checkbox">
											<input type="radio" class="v-middle" name="customer_or_business">
											<span class="v-middle">The Green Mile</span>
										</label>
									</div>
								</li>
				

				<div class="field">
										<label for="billing:telephone" class="required"><em>*</em>Telefonnummer</label>
										<div class="input-box">
											<input type="tel" placeholder="Question from placeholder attr" name="billing[telephone]" value="" pattern="^([0-9\(\)\/\+ \-]*)$" cf-error="This does not seem to be a phone number..|This is not a phone number!" title="Telefonnummer" class="input-text  required-entry" id="billing:telephone">
										</div>
									</div>

				<div class="fieldset">
					<p class="required">* Skal udfyldes</p>

					


					<li class="control">
									<label>
										<input cf-questions="-one way-> {previous-answer} <-binding-|-one way-> {previous-answer} <-binding-2-" type="checkbox" name="account-information" id="account_information-flue-1" checked value="1" class="checkbox">Dog
									</label>
									<label>
										<input type="checkbox" name="account-information" id="account_information-flue-2" value="0" class="checkbox">Cat
									</label>
									<label>
										<input type="checkbox" name="account-information" id="account_information-flue-3" checked value="1" class="checkbox">Fish
									</label>
									<label>
										<input type="checkbox" name="account-information" id="account_information-flue-4" value="0" class="checkbox">Bird
									</label>
									<label>
										<input type="checkbox" name="account-information" id="account_information-flue-5" checked value="1" class="checkbox">Parrot
									</label>
									<label>
										<input type="checkbox" name="account-information" id="account_information-flue-6" value="0" class="checkbox">Hedgehog
									</label>
									<label>
										<input type="checkbox" name="account-information" id="account_information-flue-7" checked value="1" class="checkbox">Turtle
									</label>
									<label>
										<input type="checkbox" name="account-information" id="account_information-flue-8" checked value="1" class="checkbox">Duck
									</label>
								</li>

					<input type="file" name="fileupload" value="fileupload" id="fileupload" accept="image/*" cf-max-size="10000000000000000"> 
					<label for="fileupload"> Select a file to upload</label>

								

					<ul class="form-list">


						<li id="billing-new-address-form" class="scaffold-form">





						<div class="fieldset">
							<input type="hidden" name="billing[address_id]" value="" id="billing:address_id">
							<ul>

								<li class="fields">
									<label for="billing:country_id2" class="required"><em>*</em>Land</label>
										<div class="input-box input-country">
											<select name="billing[country_id]" id="billing:country_id2" class="validate-select" title="Land"><option value="" > </option><option value="DK">Danmark</option><option value="DE">Tyskland</option><option value="AT">Østrig</option><option value="CH">Schweiz</option><option value="NL">Holland</option><option value="BE">Belgien</option><option value="FR">Frankrig</option><option value="GB">Storbritannien</option><option value="IE">Irland</option><option value="SE">Sverige</option><option value="">--------------------</option><option value="AF">Afghanistan</option><option value="AL">Albanien</option><option value="DZ">Algeriet</option><option value="UM">Amerikanske oversøiske øer</option><option value="AS">Amerikansk Samoa</option><option value="AD">Andorra</option><option value="AO">Angola</option><option value="AI">Anguilla</option><option value="AQ">Antarktis</option><option value="AG">Antigua og Barbuda</option><option value="AR">Argentina</option><option value="AM">Armenien</option><option value="AW">Aruba</option><option value="AZ">Aserbajdsjan</option><option value="AU">Australien</option><option value="BS">Bahamas</option><option value="BH">Bahrain</option><option value="BD">Bangladesh</option><option value="BB">Barbados</option><option value="BZ">Belize</option><option value="BJ">Benin</option><option value="BM">Bermuda</option><option value="BT">Bhutan</option><option value="BO">Bolivia</option><option value="BA">Bosnien-Hercegovina</option><option value="BW">Botswana</option><option value="BV">Bouvetøen</option><option value="BR">Brasilien</option><option value="BN">Brunei</option><option value="BG">Bulgarien</option><option value="BF">Burkina Faso</option><option value="BI">Burundi</option><option value="KH">Cambodja</option><option value="CM">Cameroun</option><option value="CA">Canada</option><option value="KY">Caymanøerne</option><option value="CF">Centralafrikanske Republik</option><option value="CL">Chile</option><option value="CC">Cocosøerne</option><option value="CO">Colombia</option><option value="KM">Comorerne</option><option value="CG">Congo-Brazzaville</option><option value="CD">Congo-Kinshasa</option><option value="CK">Cookøerne</option><option value="CR">Costa Rica</option><option value="CI">Côte d’Ivoire</option><option value="CU">Cuba</option><option value="CW">Curaçao</option><option value="CY">Cypern</option><option value="VI">De Amerikanske Jomfruøer</option><option value="VG">De Britiske Jomfruøer</option><option value="TF">De franske besiddelser i Det Sydlige Indiske Ocean</option><option value="DO">Den Dominikanske Republik</option><option value="PS">De palæstinensiske områder</option><option value="IO">Det britiske territorium i Det Indiske Ocean</option><option value="DJ">Djibouti</option><option value="DM">Dominica</option><option value="EC">Ecuador</option><option value="EG">Egypten</option><option value="SV">El Salvador</option><option value="ER">Eritrea</option><option value="EE">Estland</option><option value="ET">Etiopien</option><option value="FK">Falklandsøerne</option><option value="FJ">Fiji</option><option value="PH">Filippinerne</option><option value="FI">Finland</option><option value="AE">Forenede Arabiske Emirater</option><option value="GF">Fransk Guyana</option><option value="PF">Fransk Polynesien</option><option value="FO">Færøerne</option><option value="GA">Gabon</option><option value="GM">Gambia</option><option value="GE">Georgien</option><option value="GH">Ghana</option><option value="GI">Gibraltar</option><option value="GD">Grenada</option><option value="GR">Grækenland</option><option value="GL">Grønland</option><option value="GP">Guadeloupe</option><option value="GU">Guam</option><option value="GT">Guatemala</option><option value="GG">Guernsey</option><option value="GN">Guinea</option><option value="GW">Guinea-Bissau</option><option value="GY">Guyana</option><option value="HT">Haiti</option><option value="HM">Heard- og McDonald-øerne</option><option value="AN">Hollandske Antiller</option><option value="HN">Honduras</option><option value="HK">Hongkong SAR</option><option value="IN">Indien</option><option value="ID">Indonesien</option><option value="IQ">Irak</option><option value="IR">Iran</option><option value="IS">Island</option><option value="IM">Isle of Man</option><option value="IL">Israel</option><option value="IT">Italien</option><option value="JM">Jamaica</option><option value="JP">Japan</option><option value="JE">Jersey</option><option value="JO">Jordan</option><option value="CX">Juleøen</option><option value="CV">Kap Verde</option><option value="KZ">Kasakhstan</option><option value="KE">Kenya</option><option value="CN">Kina</option><option value="KG">Kirgisistan</option><option value="KI">Kiribati</option><option value="HR">Kroatien</option><option value="KW">Kuwait</option><option value="LA">Laos</option><option value="LS">Lesotho</option><option value="LV">Letland</option><option value="LB">Libanon</option><option value="LR">Liberia</option><option value="LY">Libyen</option><option value="LI">Liechtenstein</option><option value="LT">Litauen</option><option value="LU">Luxembourg</option><option value="MO">Macao SAR</option><option value="MG">Madagaskar</option><option value="MK">Makedonien</option><option value="MW">Malawi</option><option value="MY">Malaysia</option><option value="MV">Maldiverne</option><option value="ML">Mali</option><option value="MT">Malta</option><option value="MA">Marokko</option><option value="MH">Marshalløerne</option><option value="MQ">Martinique</option><option value="MR">Mauretanien</option><option value="MU">Mauritius</option><option value="YT">Mayotte</option><option value="MX">Mexico</option><option value="FM">Mikronesiens Forenede Stater</option><option value="MD">Moldova</option><option value="MC">Monaco</option><option value="MN">Mongoliet</option><option value="ME">Montenegro</option><option value="MS">Montserrat</option><option value="MZ">Mozambique</option><option value="MM">Myanmar (Burma)</option><option value="NA">Namibia</option><option value="NR">Nauru</option><option value="NP">Nepal</option><option value="NZ">New Zealand</option><option value="NI">Nicaragua</option><option value="NE">Niger</option><option value="NG">Nigeria</option><option value="NU">Niue</option><option value="KP">Nordkorea</option><option value="MP">Nordmarianerne</option><option value="NF">Norfolkøen</option><option value="NO">Norge</option><option value="NC">Ny Caledonien</option><option value="OM">Oman</option><option value="PK">Pakistan</option><option value="PW">Palau</option><option value="PA">Panama</option><option value="PG">Papua Ny Guinea</option><option value="PY">Paraguay</option><option value="PE">Peru</option><option value="PN">Pitcairn</option><option value="PL">Polen</option><option value="PT">Portugal</option><option value="PR">Puerto Rico</option><option value="QA">Qatar</option><option value="RE">Réunion</option><option value="RO">Rumænien</option><option value="RW">Rwanda</option><option value="BL">Saint Barthélemy</option><option value="KN">Saint Kitts og Nevis</option><option value="LC">Saint Lucia</option><option value="MF">Saint Martin</option><option value="PM">Saint Pierre og Miquelon</option><option value="VC">Saint Vincent og Grenadinerne</option><option value="SB">Salomonøerne</option><option value="WS">Samoa</option><option value="SM">San Marino</option><option value="ST">Sao Tome og Principe</option><option value="SA">Saudi-Arabien</option><option value="SN">Senegal</option><option value="RS">Serbien</option><option value="SC">Seychellerne</option><option value="SL">Sierra Leone</option><option value="SG">Singapore</option><option value="SX">Sint Maarten</option><option value="SK">Slovakiet</option><option value="SI">Slovenien</option><option value="SO">Somalia</option><option value="GS">South Georgia og De Sydlige Sandwichøer</option><option value="ES">Spanien</option><option value="LK">Sri Lanka</option><option value="SH">St. Helena</option><option value="SD">Sudan</option><option value="SR">Surinam</option><option value="SJ">Svalbard og Jan Mayen</option><option value="SZ">Swaziland</option><option value="ZA">Sydafrika</option><option value="KR">Sydkorea</option><option value="SY">Syrien</option><option value="TJ">Tadsjikistan</option><option value="TW">Taiwan</option><option value="TZ">Tanzania</option><option value="TD">Tchad</option><option value="TH">Thailand</option><option value="TL">Timor-Leste</option><option value="CZ">Tjekkiet</option><option value="TG">Togo</option><option value="TK">Tokelau</option><option value="TO">Tonga</option><option value="TT">Trinidad og Tobago</option><option value="TN">Tunesien</option><option value="TM">Turkmenistan</option><option value="TC">Turks- og Caicosøerne</option><option value="TV">Tuvalu</option><option value="TR">Tyrkiet</option><option value="UG">Uganda</option><option value="HU">Ungarn</option><option value="UY">Uruguay</option><option value="US">USA</option><option value="UZ">Usbekistan</option><option value="VU">Vanuatu</option><option value="VA">Vatikanstaten</option><option value="VE">Venezuela</option><option value="EH">Vestsahara</option><option value="VN">Vietnam</option><option value="WF">Wallis og Futuna</option><option value="YE">Yemen</option><option value="ZM">Zambia</option><option value="ZW">Zimbabwe</option><option value="GQ">Ækvatorialguinea</option><option value="AX">Ålandsøerne</option></select>
										</div>
								</li>




								<div class="field name-firstname">
						<label for="billing:firstname" class="required"><em>*</em>Fornavn</label>
						<div class="input-box">
							<input
								type="text"
								id="billing:firstname"
								name="billing[firstname]"
								value=""
								title="Fornavn"
								maxlength="255"
								class="input-text required-entry"
							>
						</div>
					</div>

								

							<div class="field">

								<li class="fields company-radio" style="display: none;">
									<div class="field">
										<label for="billing:company">Firma</label>
										<div class="input-box">
											<input type="text" id="billing:company" name="billing[company]" value="" title="Firma" class="input-text ">
										</div>
									</div>
														<div id="billing-vat-information" class="field">
										<label for="billing:vat_id">Momsnummer</label>
										<div class="input-box">
											<input type="text" id="billing:vat_id" name="billing[vat_id]" value="" title="Momsnummer" class="input-text " onkeyup="cloneToBillingTaxVat();">
										</div>
									</div>
									</li>
								
								<li class="fields"><div class="customer-name">
					
					

						<div class="field radiocontrol">
							<label class="checkbox">
								<input type="radio" class="v-middle" name="customer_or_business2" value="1" checked="checked">
								<span class="v-middle">Kunde 2</span>
							</label>
							<label class="checkbox">
								<input type="radio" class="v-middle" name="customer_or_business2" value="0">
								<span class="v-middle">Business 2</span>
							</label>
						</div>
 
					<div class="field name-lastname">
						<label for="billing:lastname" class="required"><em>*</em>Efternavn (has RegEx pattern)</label>
						<div class="input-box">
							<input
								type="text"
								id="billing:lastname"
								name="billing[lastname]"
								value=""
								title="Efternavn"
								maxlength="255"
								class="input-text required-entry"
								
								pattern="^hello"
								cf-questions="Question/LASTNAME tag-attribute - 1|Question/LASTNAME tag-attribute - 2"
								cf-error="This element needs to contain the word 'Hello'|Include word 'Hello' ..."
							>
							<!-- above pattern that only allows strings containing hello -->
						</div>
					</div>
				</div>
				</li>
								<li class="fields">
											<div class="field">
										<label for="billing:email" class="required"><em>*</em>E-mailadresse (has RegEx pattern)</label>
										<div class="input-box">
											<input
												type="email"
												autocapitalize="off"
												autocorrect="off"
												spellcheck="false"
												name="billing[email]"
												id="billing:email"
												value=""
												title="E-mailadresse"
												class="input-text validate-email required-entry"

												pattern="^[-a-z0-9~!$%^&*_=+}{\'?]+(\.[-a-z0-9~!$%^&*_=+}{\'?]+)*@([a-z0-9_][-a-z0-9_]*(\.[-a-z0-9_]+)*\.(aero|arpa|biz|com|coop|edu|gov|info|int|mil|museum|name|net|org|pro|travel|mobi|[a-z][a-z])|([0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}))(:[0-9]{1,5})?$"
											>
											<!-- above pattern that checks for correct email -->
										</div>
									</div>
									
								</li>
										<li class="fields">
									<div class="field">
									<label for="billing:street1" class="required"><em>*</em>Gade/vej</label>
									<div class="input-box">
										<input type="text" title="Gade/vej" name="billing[street][]" id="billing:street1" value="" class="input-text  required-entry">
									</div>
									</div>
									<div class="field">
										<label for="billing:postcode" class="required"><em>*</em>Postnummer</label>
										<div class="input-box">
											<input type="text" title="Postnummer" name="billing[postcode]" id="billing:postcode" value="" class="input-text validate-zip-international  required-entry">
										</div>
									</div>
								</li>
												<li class="fields">
									<div class="field">
										<label for="billing:city" class="required"><em>*</em>By</label>
										<div class="input-box">
											<input type="text" title="By" name="billing[city]" value="" class="input-text  required-entry" id="billing:city">
										</div>
									</div>
									<div class="field" style="display: none;">
										<label for="billing:region_id" class=""><em style="display: none;">*</em>Område</label>
										<div class="input-box input-region">
											<select id="billing:region_id" name="billing[region_id]" title="Område" class="" style="display:none;" defaultvalue="">
												<option value="">Vælg venligst region eller område</option>
											</select>
											<script type="text/javascript">
											
											</script>
											<input type="text" id="billing:region" name="billing[region]" value="" title="Område" class="input-text">
										</div>
									</div>
								</li>
								<li class="fields">
									<!-- <div class="field">
										<label for="billing:fileupload" class="required"><em>*</em>File upload</label>
										<div class="input-box">
											<input type="file" name="billing[fileupload]" value="" title="File upload" class="input-file  required-entry" id="billing:fileupload">
										</div>
									</div> -->
									<div class="field">
										<label for="billing:telephone" class="required"><em>*</em>Telefonnummer</label>
										<div class="input-box">
											<input type="tel" name="billing[telephone]" value="" title="Telefonnummer" class="input-text  required-entry" id="billing:telephone">
										</div>
									</div>
									<div class="field">
										<label for="billing:fax">Faxnummer</label>
										<div class="input-box">
											<input type="tel" name="billing[fax]" value="" title="Faxnummer" class="input-text " id="billing:fax">
										</div>
									</div>
								</li>
								
											
											<li><label for="billing:taxvat">Momsnummer</label>
				<div class="input-box">
					<input type="text" id="billing:taxvat" name="billing[taxvat]" value="" title="Momsnummer" class="input-text ">
				</div>
				</li>
							
								<li class="fields" id="register-customer-password" style="display: none;">
									<div class="field">
										<label for="billing:customer_password" class="required"><em>*</em>Kodeord</label>
										<div class="input-box">
											<input type="password" name="billing[customer_password]" id="billing:customer_password" title="Kodeord" class="input-text required-entry validate-password">
										</div>
									</div>
									<div class="field">
										<label for="billing:confirm_password" class="required"><em>*</em>Bekræft kodeord</label>
										<div class="input-box">
											<input type="password" name="billing[confirm_password]" title="Bekræft kodeord" id="billing:confirm_password" class="input-text required-entry validate-cpassword">
										</div>
									</div>
								</li>
																					<li class="no-display"><input type="hidden" name="billing[save_in_address_book]" value="1"></li>
															</ul>
							

						</div>
					</li>
							<li class="fields">
							<div class="field radiocontrol">
								<label class="checkbox" for="billing:newsletter">
									<input type="checkbox" name="billing[newsletter]" id="billing:newsletter" value="1" checked="checked" title="Tilmeld nyhedsbrev" class="radio">
									Newsletter
								</label>
							</div>
						</li>
						</ul>
						<div class="buttons-set" id="billing-buttons-container">
						<button type="button" title="Fortsæt" class="button" onclick="billing.save()"><span><span>Fortsæt</span></span></button>
						<span class="please-wait" id="billing-please-wait" style="display:none;">Henter data...</span>
					</div>
				</div>







					</form>

				</div>
			</section>

			<section id="cf-context" role="cf-context" cf-context>
				
			</section>
		</main>


		<script>
			window.onload = function(){

				var conversationalForm = window.cf.ConversationalForm.startTheConversation({
					formEl: document.getElementById("co-billing-form"),
					context: document.getElementById("cf-context"),
					userImage: "",
					robotImage: ""
				});
			};
		</script>
	</body>
</html>
